<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>我的中心</title>
	<link rel="stylesheet" type="text/css" href="../assets/swiper/css/swiper.min.css">
	<script type="text/javascript" src="../assets/flexible/flexible.debug.js"></script>
	<script type="text/javascript" src="../assets/flexible/flexible_css.debug.js"></script>
	<link rel="stylesheet" type="text/css" href="../assets/font3/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/gonggong.min.css">
	<link rel="stylesheet" type="text/css" href="../css/mine.min.css">
</head>
<body style="background: #fafafa">
	<!-- 头部 -->
	<header class="head">
		<article><img src="../images/logo.png"></article>
		<p>
			<input type="text" name="" placeholder="搜索,请输入姓名或者关键字...">
			<img src="../images/search.png">
		</p>
		<img class="yonghu" src="../images/head.png">
		<aside><img src="../images/menu.png"></aside>
	</header>
	<nav class="nav">
		<ul>
			<li class="active">
				<i class="iconfont">&#xe6b3;</i>
				<a>我的资料</a>
			</li>
			<li>
				<i class="iconfont">&#xe67f;</i>
				<a>我的视频</a>
			</li>
			<li>
				<i class="iconfont">&#xe60d;</i>
				<a>我的特权</a>
			</li>
			<li>
				<i class="iconfont">&#xe70e;</i>
				<a>我要投诉</a>
			</li>
		</ul>
	</nav>

	<div class="swiper-container">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide">
				<section class="yonghu1">
					<div class="left">
						<img src="../images/touxiang.png">
						<a>更换头像</a>
					</div>
					<aside>
						<p class="top"><span>仅支持JPG、PNG格式文件小于1M(方形图)</span></p>
						<div>
							<p><input type="radio" name="1"><span>正在征友</span></p>
							<p><input type="radio" name="1"><span>约会中</span></p>
							<p><input type="radio" name="1"><span>结束交友</span></p>
						</div>
					</aside>
				</section>
				<section class="xinxi">
					<div class="xinxi_head">
						<h4>基本资料</h4>
						<span>BASIC INFORMATION</span>
					</div>
					<article>
						<ul>
							<li>
								<label>ID :</label>
								<p><input type="text" value="1599694"></p>
							</li>
							<li>
								<label>手机 :</label>
								<p><input type="text" value="132-2140-6212"></p>
							</li>
							<li>
								<label>性别 :</label>
								<p><select>
									<option>先生</option>
									<option>女士</option>
								</select></p>
							</li>
						</ul>
					</article>
				</section>
	        </div>
	        <div class="swiper-slide">Slide 2</div>
	        <div class="swiper-slide">Slide 3</div>
	        <div class="swiper-slide">Slide 3</div>
	    </div>
	</div>


	<footer class="footer">
		<p>Copyright © 2017 版权所有：北京雅缘网信息技术有限公司 </p>
	</footer>

	
	<div class="mengceng"></div>
	<div class="mengceng2"></div>
	<div class="list">
		<section>
			<ul>
				<li>
					<span></span>
					<a href="denglu.html">首页</a>
					<p>
						<span>H</span>
						<span>OME PAGE</span>
					</p>
				</li>
				<li>
					<span></span>
					<a href="xunyuan.html">寻缘</a>
					<p>
						<span>F</span>
						<span>IND FATE</span>
					</p>
				</li>
				<li>
					<span></span>
					<a href="xueguan.html">雅缘学馆</a>
					<p>
						<span>C</span>
						<span>OLLEGE</span>
					</p>
				</li>
				<li>
					<span></span>
					<a>情感咨询</a>
					<p>
						<span>C</span>
						<span>ONSULTATION</span>
					</p>
				</li>
				<li>
					<span></span>
					<a>爱情占卜</a>
					<p>
						<span>L</span>
						<span>OVE DIVINATION</span>
					</p>
				</li>
				<li>
					<span></span>
					<a href="hezuo.html">合作商家</a>
					<p>
						<span>C</span>
						<span>OOPERATION</span>
					</p>
				</li>
				<li>
					<span></span>
					<a href="mine.html">我的中心</a>
					<p>
						<span>M</span>
						<span>Y CENTER</span>
					</p>
				</li>
			</ul>
		</section>
	</div>

	<script type="text/javascript" src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../assets/swiper/js/swiper.min.js"></script>
	<script type="text/javascript" src="../js/xunyuan.js"></script>
</body>
</html>